$('div.control>span').click(function(){



        sessionStorage.setItem('zt',$(this).text())
        setfontsize()

})
if(sessionStorage.getItem('zt')) {
    setfontsize();
}
if(sessionStorage.getItem('gd'))
    gd(document.querySelector('span.gdspan'))
if(sessionStorage.getItem('hy'))
    hy(document.querySelector('span.hyspan'))
function setfontsize(){
    $('div.control>span').removeClass('zzc')
    var value=sessionStorage.getItem('zt')
    $('div.control>span').removeClass('zzc');
    if(value=='大') {
        $('div.neirong').css('font-size', '25px');
        $('div.control>span').eq(0).addClass('zzc')
    }
    else if(value=='中') {
        $('div.neirong').css('font-size', '20px');
        $('div.control>span').eq(1).addClass('zzc')
    }
    else{
        $('div.neirong').css('font-size','18px');
        $('div.control>span').eq(2).addClass('zzc')
    }
}
// 护眼
function hy(that){
    $(that).toggleClass('zzc');
    if($(that).hasClass('zzc')){
    $('div.cz>a').css({
        'color':'green',
        'background-color':'rgb(204, 226, 191)',
        'border-color':'rgb(187, 214, 170)'
    });
        sessionStorage.setItem('hy',true);
        sessionStorage.removeItem('kd')
        $('main').css('background-color','rgb(220, 236, 210)');
    }
    else{
        $('main').css('background-color','#FBF6EC')
    $('div.cz>a').css({
        'color':'green',
        'background-color':'#f4f0e9',
        'border-color':'#ece6da'
    });
        sessionStorage.removeItem('hy');
    }
}
// 关灯
function gd(that){
    if(that.textContent=='关灯'){
        that.textContent='开灯'
        sessionStorage.setItem('kd',true);
        sessionStorage.removeItem('hy');
        $('div.cz>a').css({
        'color':'white',
        'background-color':'rgb(62, 66, 69)',
        'border-color':'rgb(49, 53, 56)'
    });
        $('main').css(
     {
        'background-color':'rgb(50, 55, 59)',
        'color':'rgb(153, 153, 153)',
    });

}
    else{
    that.textContent='关灯'
        sessionStorage.removeItem('kd');
    $('main').css(
    {
        'background-color':'#FBF6EC',
        'color':'black'
 })
    $('div.cz>a').css({
        'color':'green',
        'background-color':'#f4f0e9',
        'border-color':'#ece6da'
    });
 }
}